﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>


<script>
$(function(){
	delay_1 = .4;
	self_delay_3 = .2;
	self_delay_4 =.2;
	
	var arr = [.4,.3,.6];
	var pin = ["zhen bang","xian mu","ni men"];
	var word = ["真棒！","羡慕","你们"];
	
	keyBoardWrite(arr,pin,word);
	
	$(".talk_write dl,.hide_box").css({ "animation-delay":delay_3+"s" });
	
	page_total = delay_4+0.2;
	
	setTimeout(function(){ window.parent.nextAnimation('page10_3.html'); },page_total*1000);	
})
</script>

<style>
	.talk_write i{animation-name: show;}
	.talk_write s{animation-name: hide;}
	.talk_write em{animation-name: show;}
	.talk_write dl{animation-name: hide;}
	.hide_box{animation-name: show;}
</style>

<div class="out">
	<div class="phone_top"><dl class="time_point_8"></dl></div>
	<div class="talk talk_2 keyboard_show">
		<div class="talk_list">
			<dl class="talk_friend_0"></dl>
			<dl class="talk_friend_1"></dl>
			<dl class="talk_friend_2"></dl>
			<dl class="talk_friend_3"></dl>
			<dl class="talk_friend_4"></dl>
			<dl class="talk_friend_5"></dl>
			<dl class="talk_friend_6"></dl>
			<dl class="talk_friend_7"></dl>
			<dl class="talk_friend_8"></dl>
			<dl class="talk_friend_9"></dl>
			<dl class="talk_friend_10"></dl>
			<dl class="talk_friend_11"></dl>
			<dl class="talk_friend_12"></dl>
			<div class="hide_box">
				<dl class="talk_friend_13"></dl>
			</div>
		</div>
		<div class="talk_top"><dl>三只小仙女</dl></div>
		<div class="talk_bottom_box">
			<div class="talk_bottom">
				<div class="talk_bottom_input talk_write"></div>
			</div>
		</div>
	</div>
</div>

</body>
</html>